iSpace:

iSpace

  • - This is a web space available for only CCI Students.
  • - Can be used for posting websites, coursework, projects, etc.
  • - Up to 500 MB of storage space is available (depends on use)
  • - Expires after 4 years from initial login
    • -Create files on your machine (local) first
    • -Use SSH/SFTP to transfer your local files to iSpace (remote server)
    • -Set protections for viewing


HTML:

  • Hypertext markup language
  • Provides a framework for browers to display images and text on webpages
  • Invented in 1990 by Tim Berners-Lee
  • Opening/Closing tags: <TAG> </TAG>
  • Three main tags: <html> </html>, <head> </head>, <body> </body>.
  • Tags contain mulple attributes and are nested in document.
  • Formating tags:
    • Paragraphs: <p> </p>
    • Line Breaks: <br>
    • Headings: <h1> </h1>, <h1> </h2>
    • Rule Lines: <hr>
    • Images: <img>
    • Bold: <b> </b>
    • Italics: <i> </i>
  • Special Characters:
    • &copy; for ©
    • &reg; for ®
    • &amp; for &
    • &lt; for <
    • &gt; for >
    • &nbsp; for a non-breaking space
  • Ordered Lists:
    • Numbered
    • <ol> </ol> (contains the list)
      • Optional type attribute
        1: 1, 2, 3…
        a: a, b, c…
        A: A, B, C…
        i: i, ii, iii
        I: I, II, III
  • Unordered List:
    • <li> </li> (each item)
  • Links:
    • Links allow you to browse to:
    • External pages (off site)
    • Internal pages (on site)
    • Write email (launch email program)
    • Display images
    • Use the <a> </a> tag
    • Tex within tags is what is displayed in browser. The href attribute contains the URL for the link.
  • Links to inside/internal pages/resources:
    • Linking within same file )page.html)
      • <a href="#target">go to target on the page</a>
      • <a name="target">target point</a>
  • Tables:
    • Useful in controlling page layout
    • Manual coding can be difficult
    • Tables behave differently in different browsers
    • Current trend is away from tables. "<table> </table>
  • Images:
    • Embed graphics(PNG,JPG,GIF) into your page using the <img> tag.
    • You can make pictures "linkable"
  • Background:
    • Default backgrounds browers = light gray or white, black text
    • Colors controlled with <body> tag.
    • Newer code lets you say <color="red">
    • A color is referenced by RGB value.



File Transfer:

FILESTRUCTURE.png

File Management:


Social Media:

Wikis are websites that allow users to add/edit/remove content quickyl and easily without the user needing to register
The weblogs(blogs) began to show up in 1997, like webpages but dynamic
Twitter created out of to desire to be able to text your entire friend group at one time
Clicking on an app in Facebook collects info about you and your interests

Web 1.0 vs. 2.0:


Web 2.0 is a buzzword introduced in 2003–04 which is commonly used to encompass various novel phenomena on the World Wide Web.
Deciding whether a given site is considered Web2 or Web1 can be a difficult proposition. This is not least because sites are dynamic, rolling out new features or entire redesigns at will, without the active participation of their users. In particular, there is no explicit version number and active upgrade process as there is with a piece of software or a communication protocol, and many sites are referred to as being in “permanent beta.” Some sites are easy to classify [1]: social networking sites such as Facebook and MySpace are often held up as prototypical examples of Web2, primarily due to their social networking aspects which include the user as a first–class object, but also due to their use of new user interface technologies (Facebook in particular). Other sites are resolutely Web1 in their approach: Craigslist, for example, emulates an e–mail list server, and has no public user profiles, or fancy dynamic pages.
Some of the important site features that mark out a Web2 site:
  • Users as first class entities in the system, with prominent profile pages, including such features as: age, sex, location, testimonials, or comments about the user by other users.
  • The ability to form connections between users, via links to other users who are “friends,” membership in “groups” of various kinds, and subscriptions or RSS feeds of “updates” from other users.
  • The ability to post content in many forms: photos, videos, blogs, comments and ratings on other users’ content, tagging of own or others’ content, and some ability to control privacy and sharing.
  • Other more technical features, including a public API to allow third–party enhancements and “mash–ups,” and embedding of various rich content types (e.g., Flash videos), and communication with other users through internal e–mail or IM systems.
Web2 often involves dynamically generated pages from multiple sources of information. It is thus harder to come up with a clean definition of a resource and determine when the resource has changed
Web 1.0 = static users don’t have much interactivity with site itself `